<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
<style type="text/css">
* { font-family: Verdana; font-size: 96%; }
label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
p { clear: both; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
</style>
  <script>
  $(document).ready(function(){
    $("#commentForm").validate();
  });
  </script>
  
</head>
<body>
  

 <form class="cmxform" id="commentForm" method="post" action="authenticate.php">
 <fieldset>
   <legend>Log In Here!</legend>
   <p>
     <label for="username">Username:</label>
     <em>*</em><input id="username" name="username" size="25" class="required" minlength="2" />
   </p>
   <p>
     <label for="password">Password:</label>
     <em>*</em><input id="password" name="password" size="25" class="required" minlength="2" />
   </p>
   <input type="submit" name ="submit" value="submit" />
 </fieldset>
 
 Are you new? register <a href="registration.php">here!</a>
 </form>
 <?php 
include 'footer.php';
?>
</body>
</html>
